﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title> MPR Express</title>
     <link rel="shortcut icon" href="Admin/image/icon.png" type="image5/x-icon" />
    <link href="css/style_home.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>

    <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>

    <!-- The JavaScript -->

    <script type="text/javascript">
        $(function() {
            var current = 1;

            var iterate = function() {
                var i = parseInt(current + 1);
                var lis = $('#rotmenu').children('li').size();
                if (i > lis) i = 1;
                display($('#rotmenu li:nth-child(' + i + ')'));
            }
            display($('#rotmenu li:first'));
            var slidetime = setInterval(iterate, 6000);

//            $('#rotmenu li').bind('click', function(e) {
//                clearTimeout(slidetime);
//                display($(this));
//                e.preventDefault();
//            });

            function display(elem) {
                var $this = elem;
                var repeat = false;
                if (current == parseInt($this.index() + 1))
                    repeat = true;

                if (!repeat)
                    $this.parent().find('li:nth-child(' + current + ') a').stop(true, true).animate({ 'marginRight': '-20px' }, 300, function() {
                        $(this).animate({ 'opacity': '0.7' }, 700);
                    });

                current = parseInt($this.index() + 1);

                var elem = $('a', $this);

                elem.stop(true, true).animate({ 'marginRight': '0px', 'opacity': '1.0' }, 300);

                var info_elem = elem.next();
                $('#rot1 .heading').animate({ 'left': '-420px' }, 500, 'easeOutCirc', function() {
                    $('h1', $(this)).html(info_elem.find('.info_heading').html());
                    $(this).animate({ 'left': '0px' }, 400, 'easeInOutQuad');
                });

                $('#rot1 .description').animate({ 'bottom': '-270px' }, 500, 'easeOutCirc', function() {
                    $('p', $(this)).html(info_elem.find('.info_description').html());
                    $(this).animate({ 'bottom': '0px' }, 400, 'easeInOutQuad');
                })
                $('#rot1').prepend(
                    $('<img/>', {
                        style: 'opacity:0',
                        className: 'bg'
                    }).load(
                    function() {
                        $(this).animate({ 'opacity': '1' }, 600);
                        $('#rot1 img:first').next().animate({ 'opacity': '0' }, 700, function() {
                            $(this).remove();
                        });
                    }
                ).attr('src', 'images/' + info_elem.find('.info_image').html()).attr('width', '250').attr('height', '100')
                );
            }
        });
    </script>

    <%--<script type="text/javascript" src="js/Jquery-latest-tabs.js"></script>
<script type="text/javascript" src="js/tabs/Jquery-cnt-tabs.js"></script>--%>
    <!--SCRIPT FOR MENU-->

    <script type="text/javascript">
<!--
        $(document).ready(function() {

            $('#menu li').hover(
		function() {
		    //show its submenu
		    $('ul', this).slideDown();
		    $('ul li ul', this).slideUp(0);

		},
		function() {
		    //hide its submenu
		    $('ul', this).slideUp();
		}
	);

        });
-->
    </script>

    
    <script type="text/javascript">
        $(function() {
            $('#contact').contactable({
                subject: 'A Feeback Message'
            });
        });
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div id="contact">
        </div>
        <div id="fullwidth">
            <div id="btm-design">
                <div class="main_wrap">
                    <div id="header">
                        <div id="solcial-network">
                            <p>
                                <a href="#">
                                    <img src="images/s1.png" alt="" /></a><a href="#"><img src="images/s2.png" alt="" /></a><a
                                        href="#"><img src="images/s3.png" alt="" /></a></p>
                        </div>
                        <ul id="menu">
                            <li class="active"><a href="#"><span>HOME</span>
                                <br />
                            </a>
                                
                            </li>
                            <li class="sep"></li>
                            <li><a href="Admin/Aboutus.aspx"><span>ABOUT US</span> </a>
                                
                            </li>
                            <li class="sep"></li>
                            <li><a href="Admin/Repairs.aspx"><span>REPAIRS </span></a>
                                
                            </li>
                            <li class="sep"></li>
                            <li><a href="Admin/ContactUs.aspx"><span>CONTACT US </span></a>
                                
                            </li>
                            <li class="sep"></li>
                            <li><a href="Admin/Businesshours.aspx"><span>BUSINESS HOURS </span></a></li>
                        </ul>
                        <a href="index-2.html" class="logo"></a>
                        <div id="ser">
                            <input name="name" type="text" value="" />
                            <input name="name" type="submit" value="" class="submit" />
                        </div>
                        <div id="content">
                            <a class="back" href="#"></a>
                            <div id="flash" class="fl">
                                <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="980" height="350">
                                    <param name="movie" value="/gallery/avatar_upload/ads/972506698_bn.swf" />
                                    <param name="wMode" value="transparent" />
                                    <!--[if !IE]>-->
                                    <object type="application/x-shockwave-flash" data="images/mpr1_hoanthanh_1.swf" width="980"
                                        height="355">
                                        <param name="wMode" value="transparent" />
                                        <!--<![endif]-->
                                        <div>
                                            <h1>
                                                Alternative content</h1>
                                            <p>
                                                <a href="http://www.adobe.com/go/getflashplayer">
                                                    <img src="images/get_flash_player.gif"
                                                        alt="Get Adobe Flash player" /></a></p>
                                        </div>
                                        <!--[if !IE]>-->
                                    </object>
                                    <!--<![endif]-->
                                </object>
                            </div>
                            <div class="rotator">
                                <ul id="rotmenu">
                                    <li><a href="LoginAdmin.aspx">MEMBER LOGIN</a>
                                    
                                        <div style="display: none;">
                                            <div class="info_image">
                                                1.png</div>
                                            <div class="info_heading">
                                                MEMBER LOGIN</div>
                                            <div class="info_description">
                                                At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium
                                                voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint
                                                occaecati cupiditate non provident... <a href="gallery1.html" class="more2">Read more</a>
                                            </div>
                                        </div>
                                    </li>
                                    <li><a href="Admin.aspx">ADMIN</a>
                                        <div style="display: none;">
                                            <div class="info_image">
                                                5.png</div>
                                            <div class="info_heading">
                                                ADMIN</div>
                                            <div class="info_description">
                                                voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint
                                                occaecati cupiditate non provident... <a href="#" class="more2">Read more</a>
                                            </div>
                                        </div>
                                    </li>
                                    <li><a href="#">JOB TRACKING</a>
                                        <div style="display: none;">
                                            <div class="info_image">
                                                2.png</div>
                                            <div class="info_heading">
                                                JOB TRACKING</div>
                                            <div class="info_description">
                                                At vero eos et accusamus et iusto odio dignissimos ducimus qui voluptatum deleniti
                                                atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate
                                                non provident... <a href="#" class="more2">Read more</a>
                                            </div>
                                        </div>
                                    </li>
                                    <li><a href="Admin/Repairs.aspx">REPAIRS</a>
                                        <div style="display: none;">
                                            <div class="info_image">
                                                3.png</div>
                                            <div class="info_heading">
                                                REPAIRS</div>
                                            <div class="info_description">
                                                voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint
                                                occaecati cupiditate non provident... <a href="#" class="more2">Read more</a>
                                            </div>
                                        </div>
                                    </li>
                                    <li><a href="Admin/ManageProduct.aspx">PRODUCTS</a>
                                        <div style="display: none;">
                                            <div class="info_image">
                                                4.png</div>
                                            <div class="info_heading">
                                                PRODUCTS</div>
                                            <div class="info_description">
                                                At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium
                                                voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint
                                                occaecati cupiditate non provident... <a href="#" class="more2">Read more</a>
                                            </div>
                                        </div>
                                    </li>
                                     <li><a href="Admin/Aboutus.aspx">ABOUT US</a>
                                        <div style="display: none;">
                                            <div class="info_image">
                                                4.png</div>
                                            <div class="info_heading">
                                                ABOUT US</div>
                                            <div class="info_description">
                                                At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium
                                                voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint
                                                occaecati cupiditate non provident... <a href="#" class="more2">Read more</a>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                                <div id="rot1">
                                    <div class="heading">
                                        <h1>
                                        </h1>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="content-wrap">
                </div>
                <div id="footer">
                    <div class="main_wrap">
                        <p>
                            © Your Copyright Info Here.Designed by: <a href="http://www.templateworld.com/">Template
                                World</a></p>
                        <ul id="nav">
                            <li><a href="#">Home</a></li>
                            <li class="sep">|</li>
                            <li><a href="Admin/Aboutus.aspx">About Us</a></li>
                            <li class="sep">|</li>
                            <li><a href="#">Services </a></li>
                            <li class="sep">|</li>
                            <li><a href="Admin/ContactUs.aspx">Contact Us</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </form>
</body>
</html>
